// 拿到整个搜索框对象
var dx = (name) => {
  return document.querySelector(name);
};
var bar = dx(".searchBar");
var icon = dx(".icon");
var clear = dx(".clear");
var otext = dx("input[type='text']");

// 监听图标点击事件
icon.addEventListener("click", () => {
  //   添加一个css
  bar.classList.toggle("bar_width");
});

clear.addEventListener("click", () => {
  otext.value = "";
});
